<template>
  <div class="share">
       <iframe
      src="https://y.qq.com/"
      frameborder="0"
      width="100%"
      height="100%"
    ></iframe>
    <!-- <Head></Head>
    <div class="content">
      <div class="box">
        //左边 
        <div class="box-left">
          // 聊天框 
          <div class="comunication">
            <div class="box-text" v-for="(item, index) in list" :key="index">
              <div class="text-name">
                <span style="color: red">{{ item.name }}</span> {{ item.time }}
              </div>
              <div class="text-content">
                {{ item.text }}
              </div>
            </div>
          </div>
          // 输入
          <div class="input">
            <div>
              <el-input
                type="textarea"
                :autosize="{ minRows: 4, maxRows: 4 }"
                placeholder="请输入内容"
                v-model="textarea"
              >
              </el-input>
            </div>
            <div class="bt">
              <el-button type="primary" @click="send">发送</el-button>
            </div>
          </div>
        </div>
        // 右边 
        <div class="box-right">
          <div class="right-title">
            <p>今日精选头像</p>
          </div>
          <div class="right-hotAvg">
            <el-carousel
              :interval="5000"
              arrow="always"
              indicator-position="none"
            >
              <el-carousel-item v-for="(item, index) in hotImgs" :key="index">
                <img height="100%" width="100%" :src="item.imgUrl" alt="" />
              </el-carousel-item>
            </el-carousel>
          </div>
         //今日热词 
          <div class="hotWords">
            <div class="hotWords-title">
              <p>今日热歌</p>
            </div>
            <div
              class="words"
              v-for="item in songslist"
              :key="item.id"
              @click="To(item)"
            >
              {{ item.id }} {{ item.text }}
            </div>
          </div>
        </div>
      </div>
    </div> -->
    <!-- <Err></Err> -->
  </div>
</template>

<script>
// import Head from "../components/head";
// import Err from "../components/error";
// import moment from "moment";
export default {
  name: "index",
  data() {
    return {
      // time: moment().format("MMMM Do YYYY, h:mm:ss a"),
      // list: [],
      // hotImgs: [
      //   {
      //     id: 0,
      //     imgUrl:
      //       "https://www.imageoss.com/images/2022/01/01/002AiQH2ly1gw4cvgw6h1j60j60j6wgm0275dd3cf9180dd364.jpg",
      //   },
      //   {
      //     id: 1,
      //     imgUrl:
      //       "https://www.imageoss.com/images/2022/01/01/002AiQH2ly1gw4cvfpqbwj60j60j640e02c5fe12ee1a83c98f.jpg",
      //   },
      //   {
      //     id: 2,
      //     imgUrl:
      //       "https://www.imageoss.com/images/2022/01/01/002AiQH2ly1gw4cvi5vgjj60j60j6acj0290bf7c40c1f97de8.jpg",
      //   },
      //   {
      //     id: 3,
      //     imgUrl:
      //       "https://www.imageoss.com/images/2022/01/01/002AiQH2ly1gw4cvl7dbnj60j60j67640274856c8da4b107c0.jpg",
      //   },
      //   {
      //     id: 4,
      //     imgUrl:
      //       "https://www.imageoss.com/images/2022/01/01/002AiQH2ly1gw4cvjpzdnj60j60j6gni02c65843701a36b724.jpg",
      //   },
      // ],
      // songslist: [
      //   {
      //     id: 1,
      //     text: "天外来物",
      //     url: "https://music.163.com/#/song?id=1463165983",
      //   },
      //   {
      //     id: 2,
      //     text: "烟火里的尘埃",
      //     url: "https://music.163.com/#/song?id=29004400",
      //   },
      //   {
      //     id: 3,
      //     text: "新鲜感",
      //     url: "https://music.163.com/#/song?id=446627373",
      //   },
      //   {
      //     id: 4,
      //     text: "Either Way",
      //     url: "https://music.163.com/#/song?id=1891789521",
      //   },
      //   {
      //     id: 5,
      //     text: "水星记",
      //     url: "https://music.163.com/#/song?id=441491828",
      //   },
      // ],
      // textarea: "",
    };
  },
  mounted() {
    // this.list = this.$store.state.list;
    // console.log(this.list);
  },
  methods: {
    // To(item) {
    //   window.open(item.url);
    // },
    // getCurrentTime() {
    //   //获取当前时间并打印
    //   let yy = new Date().getFullYear();
    //   let mm = new Date().getMonth() + 1;
    //   let dd = new Date().getDate();
    //   let hh = new Date().getHours();
    //   let mf =
    //     new Date().getMinutes() < 10
    //       ? "0" + new Date().getMinutes()
    //       : new Date().getMinutes();
    //   let ss =
    //     new Date().getSeconds() < 10
    //       ? "0" + new Date().getSeconds()
    //       : new Date().getSeconds();
    //   return yy + "-" + mm + "-" + dd + " " + hh + ":" + mf + ":" + ss;
    // },
    // send() {
    //   let text = {
    //     name: this.$store.state.admin,
    //     text: this.textarea,
    //     time: this.getCurrentTime(),
    //   };
    //   this.list.push(text);
    //   // 提交修改vuex数据
    //   this.$store.commit("communication", this.list);
    //   // 存储修改后的数据
    //   sessionStorage.setItem("store", JSON.stringify(this.$store.state));
    // },
  },
  components: {
    // Err,
    // Head,
  },
};
</script>
 
<style scoped>
.share{
  width: 100%;
  height: 100%;
}
/* @import "../css/head.css";
@import "../css/share.css"; */
</style>
